<template>
	<view class="cars" @click="goto">
		<view class="box1">
			<view class="box1-1">
					<view class="item" style="margin-top: 24rpx; font-size: 40rpx; color: #FFFFFF;">放薪借</view>
					<view style="margin-top: 20rpx; font-size: 24rpx; color: #FFFFFF;">最高可借额度</view>
					<view style="margin-top: 20rpx; font-size: 72rpx; color: #FFFFFF;">200,000.00</view>
					<view style="margin-top: 40rpx; font-size: 24rpx; color: #FFFFFF;">最快一分钟放款|灵活到账</view>
			</view>
			<view class="box1-2">
				<view class="but" >立即领取</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		name:"car",
		data() {
			return {
				
			};
		},
		methods:{
			goto(){
				uni.navigateTo({
					url:"/pages/makeloans/makeloans"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.cars{
		
	.box1{
		height: 384rpx;
		width: 100%;
		background: linear-gradient(to right, #ff613c , #ff4c51);;
		box-sizing: border-box;
		border-radius: 30rpx;
		display: flex;
		.box1-1{
			width: 60%;
			height: 100%;
			
			padding-left: 20rpx;
		}
		.box1-2{
			width: 40%;
			height: 100%;
		
			display: flex;
			  flex-flow: row wrap;
			   align-items: center;
			   justify-content: center;
			.but{
				width: 166rpx;
				height: 59rpx;
				background-color: #FFFFFF;
				border-radius:30rpx ;
				text-align: center;
				line-height: 59rpx;
				color: #ff4658;
				
			}
		}
	}
}
</style>
